<template>
  <h1>一个人的信息</h1>
  <h2>姓名：{{person.name}}</h2>
  <h2>年龄：{{person.age}}</h2>
</template>

<script>
import {reactive} from 'vue'
export default {
    name: "Demo",
    beforeCreate() {
      console.log("---------beforeCreate-----------")
    },
    setup(){
      console.log("---------setup-----------",this)
      //数据
        let person=reactive({
          name:"张三",
          age:18
        })

      //返回一个对象（常用）
      return{
          person
      }
    },
}
</script>

<style scoped>

</style>
